<template>
	<div id="app">
		<div class="title">LBWNB(LBWN COIN)</div>
		<div class="bilibili">
			<iframe
				src="//player.bilibili.com/player.html?aid=14148463&bvid=BV1Kx411b7HC&cid=23096075&page=1"
				scrolling="no"
				border="0"
				frameborder="no"
				framespacing="0"
				allowfullscreen="true"
			></iframe>
		</div>
		<div>...</div>
	</div>
</template>

<script>
import HelloWorld from './components/HelloWorld.vue';

export default {
	name: 'app',
	components: {
		HelloWorld
	}
};
</script>

<style>
#app {
	text-align: center;
	margin-top: 60px;
}

.title {
	margin-bottom: 10px;
	font-size: 18px;
}

/*bilibili*/
.bilibili {
	position: relative;
	width: 100%;
	height: 0;
	padding-bottom: 75%;
}

.bilibili iframe {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
</style>
